<div class="sys-msg-container">

	<div class="sys-msg-item flex flex-row flex-justify-between flex-item-center" *ngFor="let item of messages" (click)="jumpTo(item)">

		<ng-container *ngIf="item.alarmId === undefined">
			
			<div class="sys-msg-type">
				<i class="sys-newmsg-icon" *ngIf="item.isNew"></i>
				ALERT
			</div>
			<div class="sys-msg-content text-ellipsis">{{item.alertDescription}}</div>
			<div class="sys-msg-time">{{item.time | date:'yyyy/MM/dd HH:mm'}}</div>
		</ng-container>

		<ng-container *ngIf="item.alertID === undefined">
			<div class="sys-msg-type">
				<i class="sys-newmsg-icon" *ngIf="item.isNew"></i>
				ALARM
			</div>
			<div class="sys-msg-content text-ellipsis">{{item.description}}</div>
			<div class="sys-msg-time">{{item.time | date:'yyyy/MM/dd HH:mm'}}</div>
		</ng-container>

	</div>

</div>